import React from 'react';
import Board from './Board'
import PropTypes from 'prop-types';

export default class BoardArea extends React.Component{
    static propTypes = {
        onColClick:PropTypes.func
    };

    handleColClick(row, col){
        this.props.onColClick(row, col);
    }

    render() {
        return (
             <div className="BoardArea-container">
                <Board checkerboard={this.props.checkerboard} onColClick={this.handleColClick.bind(this)} />
             </div>
        );
    }
}
